body{
    background-color: #f4f4f4;
    .header{
        // height: .88rem;
        background-color: #f5445d;
        .top{
            height: 1.36rem;
            line-height: 1.36rem;
            a{
                display: inline-block;
                height: 100%;
                img{
                    height: .26rem;
                }
            }
            span{
                font-size: .30rem;
                color: #fff;
                margin-left: 2.8rem;
            }
        }
        .bottom{
            height: 1.8rem;
            text-align: center;
            overflow: hidden;
            .t-left{
                margin-top: .2rem;
                margin-left: 1.78rem;
                h2{
                    font-weight: 400;
                    font-size: .38rem;
                    margin-bottom: .24rem;
                    color: #fff;
                }
                span{
                    color: #ccc;
                    font-size: .26rem;
                }
            }
            .t-middle{
                margin-top: .3rem;
                background-color: #000000;
                height: .90rem;;
                width: .01rem;
                margin-left: 1rem;
            }
            .t-right{
                margin-right: 1.78rem;
                margin-top: .2rem;
                h2{
                    font-weight: 400;
                    font-size: .38rem;
                    margin-bottom: .24rem;
                    color: #fff;
                }
                span{
                    color: #ccc;
                    font-size: .26rem;
                }
            }
        }
    }
   
    .bodys{
        background-color: #f4f4f4;
         // 主题页面的三个功能模块
        .area{
            height: .70rem;
            background-color: #fff;
            margin-bottom: .20rem;
            ul{
                display: flex;
                li{
                    flex: 1;
                    line-height: .70rem;
                    text-align: center;
                   
                    .active{
                        display: inline-block;
                        height: .7rem;
                        color: #f5445d;
                        border-bottom: .02rem solid #f5445d;
                    }
                    a{
                        font-size: .26rem;
                        color: #505050;
                    }
                }
            }
        }
        // 待发货模块
        .Pending-shipment{
            // background-color: #fff;
            ul{
                li{
                    background-color: #fff;
                    margin-bottom: .20rem;
                   .p-top{
                       overflow: hidden;
                       padding: 0 .26rem;
                       height: .70rem;
                       line-height: .70rem;
                       a{
                           width: 100%;
                           display: inline-block;
                           img{
                                display: inline-block;
                                vertical-align: middle;
                                margin-top: .20rem;
                            }
                            span{
                                color: #505050;
                                font-size: .26rem;
                                margin-left: .26rem;
                            }
                            .left{
                                width:.34rem;
                            }
                        }
                    }
                    //  第二层ul标签的样式设置
                    ul{
                        li{
                            overflow: hidden;
                            height: 2.22rem;
                            padding: 0 .26rem;
                            border-top: .01rem solid #f4f4f4;
                            img{
                                width: 1.86rem;
                                margin-top: .18rem;
                            }
                            .jieshao{
                                margin-top: .36rem;
                                width: 65%;
                                p{
                                    color: #505050;
                                    font-size: .26rem;
                                    margin-bottom: .56rem;
                                }
                                span{
                                    color: #f5445d;
                                    font-size: .36rem;
                                }
                                i{
                                    font-style: normal;
                                    color: #505050;
                                    font-size: .26rem;
                                    margin-left: 3.2rem;
                                }
                            }
                        }
                    }
                    // 店铺统计
                    .p-bottom{
                        height: 1.94rem;
                        text-align: right;
                        border-top: .01rem solid #f4f4f4;
                        padding-right: .26rem;
                        .n-top{
                            height: 1.08rem;
                            line-height: 1.08rem;
                            color: #505050;
                            span{
                                margin-bottom: .46rem;
                            }
                            span:nth-of-type(1){
                                font-size: .24rem;
                            }
                            span:nth-of-type(2){
                                font-size: .36rem;
                                color: #f5445d;
                            }
                        }
                        .n-bottom{
                            a{
                                display: inline-block;
                                width: 1.60rem;
                                height: .58rem;
                                line-height: .58rem;
                                color: #f5445d;
                                font-size: .28rem;
                                border: .01rem solid #f5445d;
                                border-radius: .5rem;
                                text-align: center;
                                margin-left: .2rem;
                            }
                        }
                    }
                }
            }
        }
    }
}